<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图床</title>
    <style>
        .images-list{
            display: flex;
            flex-wrap: wrap;
            /*align-items: center;*/
            justify-content: center;
        }
        img{
            width:400px;
            padding: 10px;
            margin: 10px;
            background-color: #ddd;
        }
        h4{
            text-align: center;
        }
        h1{
            margin-bottom: 50px;
            text-align: center;
        }
        h2{
            text-align: center;
            margin-top: 50px;
        }
        a{
            padding: 20px;
            background-color: #eee;
            margin: 20px;
        }
    </style>
</head>
<body>
<h1>佛大新生小助手图库</h1>
<a href="jiao-xue-zhou-li.html">教学周历</a>
<a href="ji-gou.html">学校机构</a>
<a href="she-tuan.html">学校社团</a>
<a href="gong-zong-hao.html">公众号</a>
<a href="map.html">校园地图</a>
<a href="tong-xiang-hui.html">同乡会</a>
<a href="su-she.html">宿舍</a>
<a href="xin-sheng-qun.html">新生群</a>
<h2>首页轮播图</h2>
<div id="images" class="images-list">

</div>
<script>
    let imagesList=['indexImages\\appcode.jpg', 'indexImages\\fodadingdnag.jpg', 'indexImages\\iknowqun.png', 'indexImages\\indexnotice200902.jpg', 'indexImages\\indexnotice200905.jpg', 'indexImages\\indexnotice200909.jpg', 'indexImages\\indexnotice200910.jpg', 'indexImages\\indexnotice20200922.jpg', 'indexImages\\indexnotice20201012.jpg', 'indexImages\\indexnotice20210305.jpg', 'indexImages\\shareapp200902.png', 'indexImages\\feedback\\index20200830001219.png', 'indexImages\\fodatuiwei\\fodaqingnian8-28-1.jpg', 'indexImages\\fodatuiwei\\fodaqingnian8-28-2.jpg', 'indexImages\\yiban\\ybtuiwen1.jpg']
    for(let i=0;i<imagesList.length;i++) {
        document.getElementById("images").insertAdjacentHTML('beforeend', '<div><h4>'+(i+1)+'、'+imagesList[i]+'</h4><img src="'+imagesList[i]+'"></div>');
    }
</script>
</body>
</html>